<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <style type="text/css">
        p {
            display: inline;
        }

        span {
            /* 盒子类型取决于周围元素 
            1、如果插入元素包含一个display为block的元素，该元素就是块级元素
            2、如果插入元素的相邻兄弟元素是块级元素，该元素就是兄弟元素中的第一个行内元素
            3、其他情况下，插入元素都是块级元素
            */
            /* chrome浏览器不对劲 */
            display: run-in;
            border: medium double black;
        }
    </style>
</head>

<body>
    <span>
        There are lots of different kinds of fruit - there are over 500 varieties of banana alone.
    </span>
    <p>
        By the time we add the countless types of apples, oranges, and other well-known fruit, we are faced with
        thousands of choides.
    </p>
</body>

</html>